导入 sys
导入 os

sys.path.追加(os.路径.绝对路径(r'G:\grasspy_zwmodules\pyecharts\zwpyecharts\src'))

从 百度可视化.图表 导入 〇折线图
从 百度可视化.全局变量 导入 匚坐标轴类型
从 百度可视化.公用 导入 JS代码
从 百度可视化 导入 选项

从 网页io 导入 启动服务器
从 网页io.输出 导入 *

套路 主函数():
    js_formatter = """function (params) {
            console.log(params);
            return '降水量  ' + params.value + (params.seriesData.length ? '：' + params.seriesData[0].data : '');
        }"""

    c = (
        〇折线图(选项.〇初始化选项々(宽度="1600px", 高度="800px"))
        .添加x轴(
            x轴数据=[
                "2016-1",
                "2016-2",
                "2016-3",
                "2016-4",
                "2016-5",
                "2016-6",
                "2016-7",
                "2016-8",
                "2016-9",
                "2016-10",
                "2016-11",
                "2016-12",
            ]
        )
        .扩展坐标轴(
            x轴数据=[
                "2015-1",
                "2015-2",
                "2015-3",
                "2015-4",
                "2015-5",
                "2015-6",
                "2015-7",
                "2015-8",
                "2015-9",
                "2015-10",
                "2015-11",
                "2015-12",
            ],
            x轴=选项.〇坐标轴选项々(
                类型_="category",
                坐标轴刻度选项々=选项.〇坐标轴刻度选项々(同标签对齐=True),
                坐标轴线选项々=选项.〇坐标轴线选项々(
                    在0刻度上=假, 线条样式选项々=选项.〇线条样式选项々(颜色="#6e9ef1")
                ),
                坐标轴指示器选项々=选项.〇坐标轴指示器选项々(
                    显示=True, 标签=选项.〇标签选项々(格式器=JS代码(js_formatter))  # 显示有问题，库bug
                ),
            ),
        )
        .添加y轴(
            系列名称="2015 降水量",
            平滑=True,
            记号="emptyCircle",
            显示记号=False,
            # xaxis_index=1,
            颜色="#d14a61",
            y轴=[2.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 2.3],
            标签选项々=选项.〇标签选项々(显示=假),
            线条样式选项々=选项.〇线条样式选项々(宽度=2),
        )
        .添加y轴(
            系列名称="2016 降水量",
            平滑=True,
            记号="emptyCircle",
            显示记号=False,
            颜色="#6e9ef1",
            y轴=[3.9, 5.9, 11.1, 18.7, 48.3, 69.2, 231.6, 46.6, 55.4, 18.4, 10.3, 0.7],
            标签选项々=选项.〇标签选项々(显示=False),
            线条样式选项々=选项.〇线条样式选项々(宽度=2),
        )
        .设置全局选项々(
            图例选项々=选项.〇图例选项々(),
            提示框选项々=选项.〇提示框选项々(触发类型="none", 坐标轴指示器类型="cross"),
            x轴选项々=选项.〇坐标轴选项々(
                类型_="category",
                坐标轴刻度选项々=选项.〇坐标轴刻度选项々(同标签对齐=True),
                坐标轴线选项々=选项.〇坐标轴线选项々(
                    在0刻度上=假, 线条样式选项々=选项.〇线条样式选项々(颜色="#d14a61")
                ),
                坐标轴指示器选项々=选项.〇坐标轴指示器选项々(
                    显示=True, 标签=选项.〇标签选项々(格式器=JS代码(js_formatter))
                ),
            ),
            y轴选项々=选项.〇坐标轴选项々(
                类型_="value",
                分割线选项々=选项.〇分割线选项々(
                    显示=True, 线条样式选项々=选项.〇线条样式选项々(不透明度=1)
                ),
            ),
        )
    )
    c.宽度 = '100%'
    输出html(c.渲染到笔记本())

如果 __名称__ == "__主体__":
    启动服务器(主函数, 调试=真, 端口=8080)